<template>
  <div class="rowItem">
    <div class="tit">
      <span>{{ props.title }}</span>
      <slot name="title"></slot>
    </div>
    <slot></slot>
  </div>
</template>
<script setup lang="ts">
/** @api */
interface Props {
  title?: string
}
// 组件传参
const props = withDefaults(defineProps<Props>(), {
});
/** @数据 */
/** @生命周期 */
/** @方法 */
/** @侦听器 */
/** @公共方法 */
</script>
<style lang="scss" scoped>
.rowItem {
  width: 615px;

  .tit {
    display: flex;
    height: 27px;
    font-size: 22px;
    line-height: 22px;
    padding-left: 40px;
    background: url('@/assets/imgs/tit-grey.png') no-repeat center bottom;
    // background: url('@/assets/imgs/tit-01.png') no-repeat center bottom;
    background-size: contain;
  }
}
</style>